<template>
  <page-header-wrapper>
    <page-tab-list>
      <div class="table-page-search-box">
        <a-form layout="inline">
          <a-row :gutter="24">
            <a-col :md="8" :sm="24">
              <a-form-item label="账户">
                <a-input allow-clear placeholder="请输入账户" v-model="queryParam.user_name"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="8" :sm="24">
              <a-form-item label="昵称">
                <a-input allow-clear placeholder="请输入昵称" v-model="queryParam.name"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="8" :sm="24">
              <a-form-item label="手机号">
                <div class="select">
                  <a-input allow-clear placeholder="请输入手机号" v-model="queryParam.mobile"></a-input>
                  <a-button type="primary" @click="$refs.table.refresh(1)">查询</a-button>
                </div>
              </a-form-item>
            </a-col>
          </a-row>
        </a-form>
      </div>
    </page-tab-list>
    <a-card :border="false"></a-card>
  </page-header-wrapper>
</template>

<script>
export default {
  data() {
    return {
        queryParam:{
            
        }
    }
  },
}
</script>

<style lang="less" scoped>
</style>